<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="farther">
			我是父元素
			<p id="son">我是子元素</p>
		</div>
		<script>
			// 变量提升
			// console.log(a)
			// var a = 3
			// var a
			// console.log(a)
			// a = 3


			// test()
			// function test(){
			// 	console.log(3)
			// }
			
			// 事件冒泡
			let farther = document.getElementById("farther")
			let son = document.getElementById("son")
			farther.onclick= function(){
				alert('点击父元素')
			}
			son.onclick= function(){
				alert('点击子元素')
				event.stopPropagation()
				// return false
				// event.preventDefault()
			}
			
			
			
			
			
		</script>
	</body>
</html>